<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <title>购买记录</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
      <style media="screen">
        .info-head{
          height: 1.8rem;
          line-height: 1.8rem;
          text-align: center;
          background: #F2F2F2
        }
        .people-img{
          height: 1.8rem;
          width: 1.8rem;
          margin-right: .4rem;
          border-radius: 50%
        }
        .people-item{
          height: 1.8rem;
          margin: .6rem .6rem 0 .6rem
        }
        body{
          padding: 0;
          margin: 0;
          background: #fff
        }
      </style>
  </head>
  <body>
     <section class='font-12 text-color-3'>
       <div class="info-head">
         目前共121人参与购买，商品共销售4654份
       </div>
       <div style="padding:0 0.6rem">
         <div class='people-item flex-center-between'>
           <div class="flex-align-center">
             <img class='people-img' src="../image/gril.jpg" alt="">
             <div>
               张三
             </div>
           </div>
           <div><text>45</text>份</div>
           <div>2019-10-10</div>
         </div>
         <div class='people-item flex-center-between'>
           <div class="flex-align-center">
             <img class='people-img' src="../image/gril.jpg" alt="">
             <div>
               张三
             </div>
           </div>
           <div><text>45</text>份</div>
           <div>2019-10-10</div>
         </div>
         <div class='people-item flex-center-between'>
           <div class="flex-align-center">
             <img class='people-img' src="../image/gril.jpg" alt="">
             <div>
               张三
             </div>
           </div>
           <div><text>45</text>份</div>
           <div>2019-10-10</div>
         </div>
         <div class='people-item flex-center-between'>
           <div class="flex-align-center">
             <img class='people-img' src="../image/gril.jpg" alt="">
             <div>
               张三
             </div>
           </div>
           <div><text>45</text>份</div>
           <div>2019-10-10</div>
         </div>
         <div class='people-item flex-center-between'>
           <div class="flex-align-center">
             <img class='people-img' src="../image/gril.jpg" alt="">
             <div>
               张三
             </div>
           </div>
           <div><text>45</text>份</div>
           <div>2019-10-10</div>
         </div>
       </div>
     </section>
  </body>
</html>
